<template>
	<div class="app">
		<h1>我是App，我很富有！</h1>
		<h4>车名：{{car.name}}</h4>
		<h4>车价：{{car.price}}</h4>
		<h4>房子：{{house}}</h4>
		<h4>财产：{{money}}</h4>
		<button @click="money+= 1000">父亲努力赚钱</button>
		<Student :fang="house" :qian="money"/>
		<hr>
		<School/>
	</div>
</template>

<script>
	import School from './components/School'
	import Student from './components/Student'

	export default {
		name:'App',
		components:{School,Student},
		data() {
			return {
				car:{
					name:'法拉利',
					price:5000000
				},
				house:'汤臣一品最贵那套',
				money:1000
			}
		},
	}
</script>

<style scoped>
	.app{
		background-color: skyblue;
		padding: 10px;
	}
</style>